<script setup lang="ts"> 
const { text ='按钮'} = defineProps<{
  text?: string
}>()
</script>


<template>
  <button class="hm-button">{{ text }}</button>

</template>


<style  scoped>
.hm-button{
  background-color: purple;
  color: white;
  border-radius: 10px;
  padding: 10px;
  border-width: 0;
}

</style>